
<template>
  <div>

    <!-- 顶部滑动条区域 -->
    <div id="slider" class="mui-slider">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item1mobile" data-wid="tab-top-subpage-1.html">
							推荐
						</a>
						<a class="mui-control-item" href="#item2mobile" data-wid="tab-top-subpage-2.html">
							热点
						</a>
						<a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html">
							北京
						</a>
						<a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html">
							社会
						</a>
						<a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html">
							娱乐
						</a>
						<!--<a class="mui-control-item" href="#item6mobile" data-wid="tab-top-subpage-6.html">
							科技
						</a>-->
					</div>
				</div>

			</div>
      <!-- <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media" v-for="item in projectlist" :key="item.id">
        <router-link :to="'/project/projectlist/' + item.id">
          <img class="mui-media-object mui-pull-left" :src="item.img_src">
          <div class="mui-media-body">
            <h1>{{item.title}}</h1>
            <p class='mui-ellipsis'>
              <span>项目描述：{{item.desc}}</span>
            </p>
          </div>
        </router-link>
      </li>

    </ul> -->
  </div>
</template>

<script>
// 导入弹框
import {Toast} from "mint-ui"
export default {
  data(){
    return {
      projectlist:[]
    }
  },
  created(){
    this.getproject()
  },
  methods:{
    getproject(){
      // 获取项目数据
      this.$http.get("project/project.json").then(result=>{
        if(result.body.status === 0){
          this.projectlist = result.body.message
          Toast("加载数据成功")
        }else{
          Toast("加载数据失败")
        }
          console.log(result.body)
          
      })
        
    }
  }
}
</script>


<style lang="scss" scoped>
.mui-table-view{
  li{
    h1{
      font-size: 16px;
    }
    .mui-ellipsis{
      font-size: 12px;
    }
  }
}
</style>


